<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>魅族商城-提供魅族 PRO 5、魅族MX系列、魅蓝note系列、魅蓝metal系列产品的预约和购买</title>
	<link rel="stylesheet" href="./css/main.css">
</head>
<body>
	<div class="topbar">
		<div class="mzcontainer">
			<div class="topbar-left">
				<a href="">魅族官网</a>
				<a href="">魅族商城</a>
				<a href="">Flyme</a>
				<a href="">专卖店</a>
				<a href="">服务</a>
				<a href="">社区</a>
			</div>
			<div class="topbar-right">
				<a href="">我的订单</a>
				<a href="">登录</a>
				<a href="">注册</a>
			</div>		
		</div>
	</div>
	<div class="header">
		<div class="mzcontainer">
			<div class="header-logo">
				<a target="-blank" href="http://www.meizu.com">
					<img src="./images/header-logo.png" alt="魅族科技（中国）有限公司">
				</a>
			</div>
			<div class="header-left">
				<a href="" class="header-left-item">PRO手机</a>
				<a href="" class="header-left-item">魅蓝手机</a>
				<a href="" class="header-left-item">MX手机</a>
				<a href="" class="header-left-item">精选配件</a>
				<a href="" class="header-left-item">智能硬件</a>
			</div>
			<div class="header-cart">
				<a href="">购物车0</a>				
			</div>
		</div>
	</div>
	<!-- 页面顶部结束 -->
	<div class="category">
		<div class="mzcontainer">
			<div class="category-picture">
				<img src="./images/picture.jpg" alt="">
			</div>
			<div class="category-alpha">
				<div class="category-alpha-beta">
					<ul class="category-alpha-beta-list">
						<li class="category-alpha-beta-list-item">全部商品分类</li>
						<li class="category-alpha-beta-list-item">手机</li>
						<li class="category-alpha-beta-list-item">智能硬件</li>
						<li class="category-alpha-beta-list-item">耳机/音箱</li>
						<li class="category-alpha-beta-list-item">路由器/移动电源</li>
						<li class="category-alpha-beta-list-item">保护套/后盖/贴膜</li>
						<li class="category-alpha-beta-list-item">数据线/电源适配器</li>
						<li class="category-alpha-beta-list-item">周边配件</li>
					</ul>
				</div>
			</div>
		</div>	
	</div>
	<!-- 魅族广告开始 -->
	<div class="mzcontainer2">
		<div class="mzad">
			<div class="mzad-service">
				<li class="mzad-service-module">
					<a href="">
						<img src="./images/service-module.png" width="24" height="24" alt="" class="">
						<p>
							M码通道
						</p>
					</a>
				</li>
				<li class="mzad-service-module">
					<a href="">
						<img src="./images/service-moduletwo.png" width="24" height="24" alt="" class="">
						<p>
							以旧换新
						</p>
					</a>
				</li>
				<li class="mzad-service-module">
					<a href="">
						<img src="./images/service-modulethree.png" width="24" height="24" alt="" class="">
						<p>
							 补买意外保
						</p>
					</a>
				</li>
				<li class="mzad-service-module">
					<a href="">
						<img src="./images/service-modulefour.png" width="24" height="24" alt="" class="">
						<p>
							回购单查询
						</p>
					</a>
				</li>
			</div>
			<div class="mzad-box">
				<a href="">
					<img src="./images/home-box-ad2.jpg" alt="">
				</a>
			</div>
			<div class="mzad-box">
				<a href="">
					<img src="./images/home-box-ad3.jpg" alt="">
				</a>
			</div>
			<div class="mzad-box">
				<a href="">
					<img src="./images/home-box-ad4.jpg" alt="">
				</a>
			</div>
			<div class="mzad-box">
				<a href="">
					<img src="./images/home-box-ad5.jpg" alt="">
				</a>
			</div>
		</div>
		<!-- 魅族产品开始 -->
		<div class="mzpd">
			<div class="mzpd-topbar">
				<h2 class="mzpd-title">
					热品推荐
				</h2>
				<div class="mzpd-tlools">
					<div style="width:28px;height:28;float:left;border: 1px solid #BDBDBD;" class="abc" >
					<img src="./images/arrow-l.png" alt="">
					</div>
					<div style="width:28px;height:28;float:left;border: 1px solid #BDBDBD;" class="abc">
					<img src="./images/arrow-r.png" alt="">
					</div>
				</div>
			</div>
			<div class="mzpd-main">
				<div class="main-module-left">
					<a href="">
						<img src="./images/yidongdianyuan.jpg" alt="">
					</a>
				</div>
				<div class="main-module">
					<a href="">
						<img src="./images/meilan2.png" alt="">
						<p>
							<h4 class="title">魅蓝2</h4>
							<h6 class="subtitle">同价位罕见</h6>
						</p>
						<p class="price">
							¥
							<span>559</span>
						</p>
					</a>
				</div>
				<div class="main-module">
					<a href="">
						<img src="./images/meilan2.png" alt="">
						<p>
							<h4 class="title">魅蓝2</h4>
							<h6 class="subtitle">同价位罕见</h6>
						</p>
						<p class="price">
							¥
							<span>559</span>
						</p>
					</a>
				</div>
				<div class="main-module">
					<a href="">
						<img src="./images/meilan2.png" alt="">
						<p>
							<h4 class="title">魅蓝2</h4>
							<h6 class="subtitle">同价位罕见</h6>
						</p>
						<p class="price">
							¥
							<span>559</span>
						</p>
					</a>
				</div>
				<div class="main-module">
					<a href="">
						<img src="./images/meilan2.png" alt="">
						<p>
							<h4 class="title">魅蓝2</h4>
							<h6 class="subtitle">同价位罕见</h6>
						</p>
						<p class="price">
							¥
							<span>559</span>
						</p>
					</a>
				</div>
			</div>
		</div>
		<div class="floor-ad">
			<a href="http://store.meizu.com/item/meizu_pro5.html?rc=yl" style="width: 1240px; height: 120px; left: 0px; top: 0px;" target="--blank" title="PRO5"></a>
			<img src="./images/meizupro.jpg" alt="">
		</div>
		<div class="mzpd">
			<div class="mzpd-topbar">
				<h2 class="mzpd-title">手机</h2>
				<h6 class="mzpd-subtitle"></h6>
				<div class="mzpd-tools">
					<a href="">更多</a>
				</div>
			</div>
			<div class="mzpd-main">
				
			</div>
		</div>
	</div>


</body>
</html>